<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/jquery-3.5.1.js"></script>
</head>
<body>
<ul>
    <li>jQuery操作DOM</li>
    <ul>
        <li>DOM操作</li>
        <li>css操作</li>
        <li>节点操作 <a href="#" class="del">删除</a></li>
    </ul>
    <li>jQuery选择器</li>
    <ul>
        <li>基本选择器</li>
        <li>属性选择器</li>
        <li>过滤选择器<a href="#" class="del">删除</a></li>
    </ul>
</ul>
<script type="text/javascript">
    $(function () {
        $(".del").click(function () {

            $(this).closest('ul').remove() //删除第一个ul父元素
            // $(this).parents('ul').remove()//删除所有ul父元素
        })

        $("li").each(function (i,e) {
            //e = this
           console.log(i,$(e).text())
        })

        alert($("li:first").next().next().end().next().text());
    })

</script>
</body>
</html>